
<style>
  [ng-drag]{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
  }
  [ng-drag].drag-over{
    border:solid 1px red;
  }
  [ng-drag].dragging{
    opacity: 1.0;
  }
  [ng-drop] div{
    position: relative;
    z-index: 2;
  }

</style>
<div class="row">
  <div class="col-lg-12">
    <div id="schedule" class="wrapper wrapper-content">
      <div class="col-lg-2">
        <div class="row">
              <a href="" class="btn btn-white" ng-click="edit()"><i class="fa fa-pencil"></i> 编辑 </a>
              <a href="" class="btn btn-white" ng-click="save()"><i class="fa fa-check "></i> 保存 </a>
        </div>
        <div class="row" ng-if="isShow">
            <div class="ibox">
              <div class="ibox float-e-margins">
                <div class="ibox-content">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="image_patientname" class="control-label">患者姓名</label>
                        <input type="text" id="image_patientname" class="form-control" data-placement="top"
                               data-original-title="" placeholder="" ng-model="search.name">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 not_list" ng-repeat="pin in pins02 |filter:{patientName:search.name}"
                         ng-drag="true" ng-drag-data="pin" data-allow-transform="true" ng-center-anchor="{{centerAnchor}}">
                      <div class="notes">
                        <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                          <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-8">
                          <div class="row">
                            <label class="pull-left">{{pin.patientName}}</label>
                            <label class="pull-right">{{pin.type}}</label>
                          </div>
                          <div class="row">
                            <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                            <span class="pull-right">{{pin.project}}</span>
                          </div>
                          <div class="row">
                            <span class="pull-left">{{pin.doctor}}</span>
                          </div>
                        </div>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
      </div>
      <div class="col-lg-10 col-md-10 col-sm-10 whitebroad">
        <table class="col-lg-12 col-md-12 col-sm-12 table">
          <thead>
            <tr>
            <td></td>
            <td ng-repeat="day in weekdays">
              {{day.text}}
            </td>
          </tr>
          </thead>
          <tbody>
            <tr>
              <td>上<br>午</td>
              <td ng-drop="true" ng-drop-success="onDropComplete($index,$data,$event)">
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins"
                     ng-drag="true" ng-drag-data="pin" ng-drag-success="onDragSuccess($data,$event)" ng-center-anchor="{{centerAnchor}}">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
            </tr>
            <tr>
              <td>下<br>午</td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
              <td>
                <div class="col-lg-6 col-md-12 col-sm-12" ng-repeat="pin in pins">
                  <div class="notes">
                    <div class="col-lg-4 col-md-4 col-sm-4 fa_margin">
                      <i class="fa fa-circle  fa-3x" ng-class="pin.type | getFa:pin.type"></i>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-8">
                      <div class="row">
                        <label class="pull-left">{{pin.patientName}}</label>
                        <label class="pull-right">{{pin.type}}</label>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.totalTimes}}-{{pin.currentTimes}}</span>
                        <span class="pull-right">{{pin.project}}</span>
                      </div>
                      <div class="row">
                        <span class="pull-left">{{pin.doctor}}</span>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

